<!DOCTYPE html>
<!--办公安全分委会积分考核-->
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="/static/js/common.js"></script>

</head>

<body>
    
<div id="app" v-cloak>   
        <el-form ref="form" :inline="true" label-position="right" label-width="100px" :items="question"
            class="demo-form-inline" style="margin-bottom: 15px;">
            <el-row>
                <el-col>
                    <p>当前第 {{question.name.length}} 题，共计 {{question.name.length}} 题。</p>
                    <!-- <ul v-for="i in question.name.length"> -->
                        <li>{{question.name[i-1].value}}</li>
                    <!-- </ul> -->
                    <!-- <button v-on:click = "i+=1">点我</button> -->
                    <h2>{{question.items.id[0].value}}</h2>
                    <!-- <h2>{{name[0].value}}</h2> -->
                    <el-button type="primary" @click="onSubmit">{{col.btnSelect}}</el-button>
                    <el-button type="primary" @click="UserAdd('tj')">{{col.addPerson}}</el-button>
                    <el-button type="danger" @click="onDelete">{{col.btnDelete}}</el-button>

                    <button v-on:click="counter += 1">增加 1</button>
                    <p>这个按钮被点击了 {{ counter }} 次。</p>
                </el-col>
            </el-row>

        </el-form>
    </div>
    <script type="text/javascript">
        app = new Vue({
            el: '#app',
            data: function () {
                return {
                    counter: 0,
                    ListItem: ListItem,
                    question: {
                        name: [],
                        items: {
                            id: '',
                            name: "",
                            allScore: "",
                            month: "",
                        },
                    },
                    i:1,
                }
            },
            created: function () {
            },
            mounted: function () {
                //获取下拉菜单内容
                this.question.name = getDicData('02');
                this.question.items.id = getDicData('01');
                var item = question.name.length;


                // this.GetPageData(1);
                // // alert(question.name);
                // console.log(this);
                // //列表高度自适应
                // tablehigh(this);
            },
            methods: {
                //解決edge下select bug
                visibleChange: function (isVisible) {
                    visibleChange(isVisible)
                },
                handleNodeClick: function (data) {
                    console.log(data);
                },
                closeDialog: function () { closeDialog(this); },
                //删除方法
                onDelete: function () { onDelete(this, '/api/EducationExamination/DeleteMuti'); },
                //列表选择触发
                handleSelectionChange: function (val) { handleSelectionChange(this, val); },
                //查询方法
                onSubmit: function () { onSubmit(this); },
                //Dialog展示
                UserAdd: function (val, id) { DialogShow(this, val, "EducationExaminationInputUser.html", id); },
                UserInput: function (val, id) { DialogShow(this, val, "EducationExaminationInput.html", id); },
                UserInputChildren: function (val, id) {
                    DialogShow(this, val, "EducationExaminationInput.html", id, "type=tj");
                },
                //获取分页数据
                GetPageData: function (currentIndex) { GetPageData(this, currentIndex, '/api/EducationExamination/GetList') },
                //查询方法
                onSubmit: function () { onSubmit(this); },
                //pagesize改变 触发方法
                handleSizeChange: function (val) { handleSizeChange(this, val); },
                //跳页触发方法
                handleCurrentChange: function (val) { handleCurrentChange(this, val); }
            }
        });
    </script>

</body>

</html>